import Link from 'next/link'
import { useRouter } from 'next/router'
import withTranslate from '@/hocs/withTranslate'


function Navlinks({t}){
    const router = useRouter()
    return(
        <>
            <li className="text-base"><Link href="/">{t('navbar.home')}</Link></li>
            <li className="text-base"><Link href="/member" className={router.pathname.includes("member") ? "active" : ""}>{t('navbar.member')}</Link></li>
            <li className="text-base"><Link href="/researchs" className={router.pathname.includes("researchs") ? "active" : ""}>{t('navbar.research')}</Link></li>
            <li className="text-base"><Link href="/activity" className={router.pathname.includes("activity") ? "active" : ""}>{t('navbar.activity')}</Link></li>
            <li className="text-base"><Link href="/research-news" className={router.pathname.includes("research-news") ? "active" : ""}>{t('navbar.news')}</Link></li>
            <li className="text-base"><Link href="/recruit" className={router.pathname.includes("recruit") ? "active" : ""}>{t('navbar.recruit')}</Link></li>
            <li className="text-base"><Link href="/contact-us" className={router.pathname.includes("contact") ? "active" : ""}>{t('navbar.contact')}</Link></li>
        </>
    )
}

export default withTranslate(Navlinks)